<!DOCTYPE html>
<html>
<head>
  <style>
    .vega-actions a {
        margin-right: 12px;
        color: #757575;
        font-weight: normal;
        font-size: 13px;
    }
    .error {
        color: red;
    }
  </style>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm//vega@4"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm//vega-lite@2.6.0"></script>
  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm//vega-embed@3"></script>
</head>
<body>
  <div id="vis"></div>
  <script>
      var spec = {"config": {"view": {"width": 400, "height": 300}}, "layer": [{"data": {"name": "data-eef69cc356d43349ae05db6ad799fa0d"}, "mark": {"type": "line", "color": "orange", "strokeWidth": 2}, "encoding": {"tooltip": [{"type": "quantitative", "field": "Angry"}], "x": {"type": "quantitative", "field": "Time"}, "y": {"type": "quantitative", "field": "Angry"}}}, {"data": {"name": "data-eef69cc356d43349ae05db6ad799fa0d"}, "mark": {"type": "line", "color": "red", "strokeWidth": 2}, "encoding": {"tooltip": [{"type": "quantitative", "field": "Disgust"}], "x": {"type": "quantitative", "field": "Time"}, "y": {"type": "quantitative", "field": "Disgust"}}}, {"data": {"name": "data-eef69cc356d43349ae05db6ad799fa0d"}, "mark": {"type": "line", "color": "green", "strokeWidth": 2}, "encoding": {"tooltip": [{"type": "quantitative", "field": "Fear"}], "x": {"type": "quantitative", "field": "Time"}, "y": {"type": "quantitative", "field": "Fear"}}}, {"data": {"name": "data-eef69cc356d43349ae05db6ad799fa0d"}, "mark": {"type": "line", "color": "blue", "strokeWidth": 2}, "encoding": {"tooltip": [{"type": "quantitative", "field": "Happy"}], "x": {"type": "quantitative", "field": "Time"}, "y": {"type": "quantitative", "field": "Happy"}}}, {"data": {"name": "data-eef69cc356d43349ae05db6ad799fa0d"}, "mark": {"type": "line", "color": "black", "strokeWidth": 2}, "encoding": {"tooltip": [{"type": "quantitative", "field": "Sad"}], "x": {"type": "quantitative", "field": "Time"}, "y": {"type": "quantitative", "field": "Sad"}}}, {"data": {"name": "data-eef69cc356d43349ae05db6ad799fa0d"}, "mark": {"type": "line", "color": "pink", "strokeWidth": 2}, "encoding": {"tooltip": [{"type": "quantitative", "field": "Surprise"}], "x": {"type": "quantitative", "field": "Time"}, "y": {"type": "quantitative", "field": "Surprise"}}}, {"data": {"name": "data-eef69cc356d43349ae05db6ad799fa0d"}, "mark": {"type": "line", "color": "brown", "strokeWidth": 2}, "encoding": {"tooltip": [{"type": "quantitative", "field": "Neutral"}], "x": {"type": "quantitative", "field": "Time"}, "y": {"type": "quantitative", "field": "Neutral"}}}], "height": 400, "title": "Probability of each emotion over time", "width": 1000, "$schema": "https://vega.github.io/schema/vega-lite/v2.6.0.json", "datasets": {"data-eef69cc356d43349ae05db6ad799fa0d": [{"Time": 0, "Angry": 0.01542704552412033, "Disgust": 5.3204785217531025e-06, "Fear": 0.048743978142738335, "Happy": 0.0006533354171551764, "Sad": 0.16453763842582705, "Surprise": 0.0015315485652536154, "Neutral": 0.7691010832786559}, {"Time": 1, "Angry": 0.03852301836013794, "Disgust": 3.422088047955185e-05, "Fear": 0.07264211773872375, "Happy": 0.0010648427996784446, "Sad": 0.208781972527504, "Surprise": 0.0004039211489725858, "Neutral": 0.6785499453544617}, {"Time": 2, "Angry": 0.029135107994079586, "Disgust": 2.4798846425255757e-05, "Fear": 0.06569838523864746, "Happy": 0.002493254607543349, "Sad": 0.1816990077495575, "Surprise": 0.0025095620658248663, "Neutral": 0.7184399366378784}, {"Time": 3, "Angry": 0.03652184084057808, "Disgust": 0.00023733604757580903, "Fear": 0.12242370843887328, "Happy": 0.0004252361541148275, "Sad": 0.3907290995121002, "Surprise": 0.008007002994418144, "Neutral": 0.44165581464767456}, {"Time": 4, "Angry": 0.02748025022447109, "Disgust": 0.904695689678192, "Fear": 0.03843390941619873, "Happy": 0.00013699490227736533, "Sad": 0.018231939524412155, "Surprise": 0.0019552470184862614, "Neutral": 0.009065944701433182}, {"Time": 5, "Angry": 0.0013353046961128714, "Disgust": 0.9979548454284668, "Fear": 0.00041839148616418237, "Happy": 3.6426254155230713e-06, "Sad": 0.00020247985958121722, "Surprise": 5.7366334658581764e-05, "Neutral": 2.795492036966607e-05}, {"Time": 6, "Angry": 0.003635509638115764, "Disgust": 0.9958252906799316, "Fear": 0.0004449135449249298, "Happy": 3.3625192372710444e-06, "Sad": 7.085661491146311e-05, "Surprise": 1.6228515960392542e-05, "Neutral": 3.778415702981874e-06}, {"Time": 7, "Angry": 0.011754078790545464, "Disgust": 0.005461550783365965, "Fear": 0.018123948946595192, "Happy": 0.8502378463745117, "Sad": 0.03942444548010826, "Surprise": 0.0008825265686027707, "Neutral": 0.07411568611860275}, {"Time": 8, "Angry": 0.052372001111507416, "Disgust": 7.896073657320812e-05, "Fear": 0.01869953796267509, "Happy": 0.003730759490281344, "Sad": 0.1661541610956192, "Surprise": 5.8166111557511606e-05, "Neutral": 0.758906364440918}, {"Time": 9, "Angry": 0.04708383232355118, "Disgust": 5.667085133609361e-05, "Fear": 0.03527812659740448, "Happy": 0.0023319791071116924, "Sad": 0.189076766371727, "Surprise": 0.00016658363165333867, "Neutral": 0.7260059714317322}, {"Time": 10, "Angry": 0.0339881144464016, "Disgust": 3.31351111526601e-05, "Fear": 0.0332912802696228, "Happy": 0.0048922677524387845, "Sad": 0.07076862454414368, "Surprise": 0.00040004155016504234, "Neutral": 0.8566265702247621}, {"Time": 11, "Angry": 0.049022380262613297, "Disgust": 6.687815766781569e-05, "Fear": 0.13630571961402893, "Happy": 0.004105926491320133, "Sad": 0.32691967487335205, "Surprise": 0.0007081355433911085, "Neutral": 0.4828712940216065}, {"Time": 12, "Angry": 0.015022168867290018, "Disgust": 6.167662650113924e-05, "Fear": 0.08496938645839691, "Happy": 0.4425879716873169, "Sad": 0.2566162347793579, "Surprise": 0.040384184569120414, "Neutral": 0.16035844385623932}, {"Time": 13, "Angry": 0.0050871619023382655, "Disgust": 0.00034644428524188703, "Fear": 0.021899918094277385, "Happy": 0.5831494927406311, "Sad": 0.05568601191043854, "Surprise": 0.03735445812344551, "Neutral": 0.2964765131473541}, {"Time": 14, "Angry": 0.0034582274965941906, "Disgust": 0.00030653332942165434, "Fear": 0.012763221748173235, "Happy": 0.649730920791626, "Sad": 0.028211753815412518, "Surprise": 0.06541531533002852, "Neutral": 0.2401140034198761}, {"Time": 15, "Angry": 0.0045226430520415315, "Disgust": 0.0001590285828569904, "Fear": 0.019772017374634743, "Happy": 0.5961866974830627, "Sad": 0.05247901752591133, "Surprise": 0.03033391386270523, "Neutral": 0.29654669761657715}, {"Time": 16, "Angry": 0.00651033315807581, "Disgust": 0.00022660307877231392, "Fear": 0.021951723843812943, "Happy": 0.5730527639389038, "Sad": 0.06985843926668167, "Surprise": 0.032555174082517624, "Neutral": 0.2958448529243469}, {"Time": 17, "Angry": 0.0029302050825208426, "Disgust": 6.628125993302092e-05, "Fear": 0.013617306016385557, "Happy": 0.8145601153373718, "Sad": 0.012951703742146492, "Surprise": 0.015796799212694168, "Neutral": 0.1400776207447052}, {"Time": 18, "Angry": 0.002800159156322479, "Disgust": 5.3522584494203336e-05, "Fear": 0.014910402707755566, "Happy": 0.8289867639541626, "Sad": 0.011276422999799252, "Surprise": 0.01782800443470478, "Neutral": 0.12414468079805376}, {"Time": 19, "Angry": 0.0028640232048928733, "Disgust": 6.42066152067855e-05, "Fear": 0.01814266107976437, "Happy": 0.8442063331604004, "Sad": 0.010152217000722885, "Surprise": 0.03827312588691712, "Neutral": 0.0862974002957344}, {"Time": 20, "Angry": 0.001865435391664505, "Disgust": 3.4576805774122477e-05, "Fear": 0.01254763547331095, "Happy": 0.8664600849151611, "Sad": 0.008882761001586914, "Surprise": 0.01731256768107414, "Neutral": 0.09289702028036118}, {"Time": 21, "Angry": 0.003617334412410855, "Disgust": 4.88771365780849e-05, "Fear": 0.0222505945712328, "Happy": 0.8330361843109131, "Sad": 0.017014052718877792, "Surprise": 0.01414231304079294, "Neutral": 0.10989069193601607}, {"Time": 22, "Angry": 0.005547728389501572, "Disgust": 5.27276424691081e-05, "Fear": 0.03237373754382133, "Happy": 0.7498070597648621, "Sad": 0.02045402117073536, "Surprise": 0.03527919948101044, "Neutral": 0.15648560225963593}, {"Time": 23, "Angry": 0.007933580316603184, "Disgust": 7.93067883932963e-05, "Fear": 0.08007092773914337, "Happy": 0.7001310586929321, "Sad": 0.02900526486337185, "Surprise": 0.04103096574544906, "Neutral": 0.14174886047840118}, {"Time": 24, "Angry": 0.007137826643884181, "Disgust": 8.922546840040013e-05, "Fear": 0.04879966378211975, "Happy": 0.7628294229507446, "Sad": 0.015089297667145727, "Surprise": 0.04990820214152336, "Neutral": 0.1161462664604187}, {"Time": 25, "Angry": 0.007261608727276325, "Disgust": 9.022896847454831e-05, "Fear": 0.035467498004436486, "Happy": 0.7379706501960754, "Sad": 0.013343901373445988, "Surprise": 0.03420804813504219, "Neutral": 0.17165814340114596}, {"Time": 26, "Angry": 0.00357903866097331, "Disgust": 7.083550735842437e-05, "Fear": 0.020011428743600845, "Happy": 0.8763793110847473, "Sad": 0.005667002871632576, "Surprise": 0.04366099461913109, "Neutral": 0.05063143745064736}, {"Time": 27, "Angry": 0.002968884073197841, "Disgust": 4.979135701432824e-05, "Fear": 0.015539106912910938, "Happy": 0.8941563367843628, "Sad": 0.005069681443274021, "Surprise": 0.030907787382602688, "Neutral": 0.05130835622549057}, {"Time": 28, "Angry": 0.0023688049986958504, "Disgust": 4.3537063902476796e-05, "Fear": 0.013620498590171335, "Happy": 0.8886001706123352, "Sad": 0.004251618403941393, "Surprise": 0.03373109176754952, "Neutral": 0.05738423764705657}, {"Time": 29, "Angry": 0.004091588780283928, "Disgust": 4.8464422434335575e-05, "Fear": 0.034924380481243134, "Happy": 0.8218987584114075, "Sad": 0.01913732849061489, "Surprise": 0.021583665162324902, "Neutral": 0.09831583499908447}, {"Time": 30, "Angry": 0.004190096631646156, "Disgust": 6.371971539920196e-05, "Fear": 0.030640728771686557, "Happy": 0.7866864800453186, "Sad": 0.03310370817780495, "Surprise": 0.015900705009698868, "Neutral": 0.12941457331180573}, {"Time": 31, "Angry": 0.005522415041923523, "Disgust": 5.094002335681579e-05, "Fear": 0.049107007682323456, "Happy": 0.7763842344284058, "Sad": 0.037858039140701294, "Surprise": 0.021498022601008412, "Neutral": 0.10957932472229004}, {"Time": 32, "Angry": 0.0066853687167167655, "Disgust": 5.188087015994825e-05, "Fear": 0.042352013289928436, "Happy": 0.8150278329849243, "Sad": 0.0162062868475914, "Surprise": 0.042476750910282135, "Neutral": 0.07719983905553818}, {"Time": 33, "Angry": 0.0042759496718645104, "Disgust": 3.532863411237486e-05, "Fear": 0.02551501803100109, "Happy": 0.814967155456543, "Sad": 0.015951020643115044, "Surprise": 0.05435938760638237, "Neutral": 0.08489611744880676}, {"Time": 34, "Angry": 0.008264070376753807, "Disgust": 8.826389239402488e-05, "Fear": 0.02858293615281582, "Happy": 0.6644222140312195, "Sad": 0.0445580817759037, "Surprise": 0.03198309615254402, "Neutral": 0.22210142016410828}]}};
      var embedOpt = {"mode": "vega-lite"};

      function showError(el, error){
          el.innerHTML = ('<div class="error" style="color:red;">'
                          + '<p>JavaScript Error: ' + error.message + '</p>'
                          + "<p>This usually means there's a typo in your chart specification. "
                          + "See the javascript console for the full traceback.</p>"
                          + '</div>');
          throw error;
      }
      const el = document.getElementById('vis');
      vegaEmbed("#vis", spec, embedOpt)
        .catch(error => showError(el, error));

  </script>
</body>
</html>